.popover {
	background-color:#cccccc;
	@include box_shadow(0);
	@include border-radius(0);
	max-width:345px;
}
.popover-block {
	overflow:hidden;
	// font-size:12px;
	font-size: 1.4em;
	font-family: $font-os;
	line-height:1.3;
	img {
		display: block;
		width: 100%;
		margin: 5px 0 0;
	}
}
.popover.right > .arrow, .popover.right > .arrow:after {
	border-right-color: #cccccc;
}
.modal {
	.modal-dialog {
		border-radius: 0;

		&.wrap-login-payment {
			width: 50%;
		}
		&.wrap-login {
			width: 95%;
		}
		.modal-content {
			border-radius: 0;
			background-color: #f4f4f4;

			.modal-header {
				border: none;
				padding: 0;

				.close {
					font-size: 2em;					
					margin-right: 2%;
				}
			}
			.modal-body {
				padding: 50px 40px;

				&.blk-login-payment {
					.row {
						margin: 0;

						.col-lg-5 {
							.btn-login-fb-payment {
								background: none;
								background: url('../images/btn-fb-payment.jpg') no-repeat 0 0;
								width: 235px;
								height: 31px;
								display: block;
							}							
						}
						.list-notice {
							padding: 20px 0 0 12px;
							list-style-image: url('../images/icon-bullet-list.png');
							text-align: left;
							color: #333333;
							font-family: $font-os;
							// font-size: 12px;
							font-size: 1.4em;
							li {
								padding-top: 4px;

								&:first-child {
									padding-top: 0;
								}
							}
						}
						.hightline-text {
							background: url(../images/line-1.png) center 0 repeat-y;
							min-height: 170px;
							position: relative;
							margin-top: -10px;

							span {
								// font-size: 14px;
								font-size: 1.4em;
								color: #666666;
								text-transform: uppercase;
								display: block;
								font-family: $font-os;
								padding: 10px 0;
								background-color: #f4f4f4;
								position: absolute;
								min-width: 35px;
								text-align: center;
								left: 50%;
								top: 50%;
								margin: -12px 0 0 -20px;
							}
						}
						.illustrate {
							.btn-skip-payment {
								background: none;
								background-color: #cccccc;
								text-transform: uppercase;
								text-align: center;
								font-family: $font-roboto;
								color: #333333;
								width: 200px;
								height: 31px;
								display: block;
								line-height: 31px;
								margin-top: 30%;
							}
						}
					}
				}
				&.blk-login {
					padding: 0 10px;

					.row {
						margin: 0;

						.col-xs-12.top {
							text-align: center;
							padding-bottom: 55px;
							border-bottom: 1px solid #c6c6c6;

							.col-xs-5 {
								border-left: 1px solid #c6c6c6;

								&:first-child {
									border-left: none;
								}
								img {
									float: right;
								}
								h3 {
									margin: 0;
									text-align: left;
									font-size: 2.5em;
									color: #ec4280; 
								}
								h3 {
									font-family: $font-roboto;
									text-transform: uppercase;
								}
							}
						}
						.col-xs-12.bottom {
							padding: 0;

							.note {
								font-family: $font-os;
								font-size: 1.4em;
								color: #333333;
								margin: 30px 0 0;
								padding: 0 30px 30px;
								border-bottom: 1px solid #c6c6c6;
							}
							ul {
								overflow: hidden;
								list-style: none;
								padding: 35px 0 0;
								margin: 0;

								li {
									display: block;
									overflow: hidden;
									padding-bottom: 20px;

									a {
										display: block;
										float: left;

										&.lnk-fb-login {
											background: url('../images/btn-login-fb.png') no-repeat 0 0;
											width: 165px;
											height: 31px;
										}
										&.lnk-organize-login {
											font-size: 2em;
											font-family: $font-roboto;											
											line-height: 1.5em;
											color: #f1f1f1;
											width: 100%;
											text-transform: uppercase;
											background: #ee3e80;
											border-radius: 0;
											border: none;
											color: white;
											text-align: center;
										}
									}
									.desc {
										display: block;
										float: left;
										margin-left: 31px;
										font-family: $font-os;
										font-size: 1.4em;
										color: #333333;
										line-height: 1.2em;

										&.type-1 {
											width: 100%;
											text-align: center;
											margin: 15px 0 0;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}